#content .banner{height:468px}#content .banner img{width:100%;height:100%}#content .products{padding:30px 0 20px}#content .products .new-products{margin-bottom:20px}#content .products .new-products .newsproduct{position:relative;height:768px;overflow:hidden}#content .products .new-products .newsproduct:hover .mask-text{transform:translateY(0)}#content .products .new-products .newsproduct .mask-text{position:absolute;bottom:0;left:0;transition:transform .4s;transform:translateY(384px);height:384px;padding:0 15px;width:100%}#content .products .new-products .newsproduct .mask-text .mask{position:relative;height:100%;width:100%;background:rgba(0,0,0,.4)}#content .products .new-products .newsproduct .mask-text .mask .news-mask{position:absolute;bottom:44px;left:40px;width:70%;color:#fff}#content .products .new-products .newsproduct .mask-text .mask .news-mask-title{font-size:24px}#content .products .new-products .newsproduct .mask-text .mask .new-mask-desc{font-size:14px}#content .products .new-products .newsproduct img{width:100%;height:100%}#content .products .new-products .product-area .product:first-child{margin-bottom:20px}#content .products .product{position:relative;height:374px}#content .products .product:hover .product-text{opacity:1}#content .products .product img{width:100%;height:100%}#content .products .product .product-text{position:absolute;bottom:0;left:0;color:#fff;font-size:20px;width:100%;padding:40px;opacity:0;transition:opacity .5s;background:rgba(0,0,0,.4)}#content .products .product .product-text .product-desc{color:#7b7b7b;font-size:14px}#content .ad{display:flex;align-items:center;height:538px;background-repeat:no-repeat;background-size:100% 100%;margin-bottom:40px}#content .ad .mask{width:100%;height:128px;background:rgba(255,255,255,.7)}#content .ad .mask p{line-height:128px;text-align:center;font-size:36px;font-weight:800;color:red}#content .use .col-md-3{margin-bottom:30px}#content .use .col-md-3:nth-of-type(4n+1){clear:both}#content .use .col-md-3 img{width:100%}#content .use .col-md-3 .title{margin:20px 0 14px;font-size:18px;color:#000}#content .use .col-md-3 .desc{color:#7b7b7b}#content .news{background:#f5f5f5;padding:24px 0 36px}#content .news .news-title{font-size:20px;margin-bottom:24px}#content .news .news-one{margin-bottom:14px}#content .news .news-one .news-one-title{margin-bottom:4px;font-size:16px}#content .news .news-one .news-one-time{color:#7b7b7b}#content .news .events img{width:100%}#content .news .events .events-title{margin-top:16px;margin-bottom:8px;font-size:16px}#content .news .events .events-time{margin-bottom:6px}